﻿@media (min-width:320px) {
    .container { max-width: 1000px !important; }
}

body { font-family: Oswald,"Helvetica Neue",Helvetica,Arial,sans-serif; }

/*menu*/
#mainMenu { height: 31px; line-height: 25px; padding: 2px 0 3px; background: url('../../Images/JB/menu-bg.jpg') repeat-x; border-bottom: 1px solid #8a898b; -webkit-box-shadow: 0px -2px 2px 0px #8A898B; box-shadow: 0px -2px 2px 0px #8A898B; }
    #mainMenu ul { margin: 0; padding: 0; list-style: none; position: relative; }
        #mainMenu ul li.menu-level1 { display: inline-block; position: relative; }
            #mainMenu ul li.menu-level1 a.menu-link-level1 { color: #d8d8d8; padding: 5px 40px 5px 5px; font-size: 16px; }
                #mainMenu ul li.menu-level1 a.menu-link-level1:hover { color: #ffffff; text-decoration: none; }
            #mainMenu ul li.menu-level1 ul.level-2-cat { display: none; }
            #mainMenu ul li.menu-level1:hover ul.level-2-cat { display: block; position: absolute; top: 28px; z-index: 501; }
                #mainMenu ul li.menu-level1:hover ul.level-2-cat li.menu-level2 { position: relative; width: 200px; height: 35px; background: #414143; border: 1px solid #898989; border-top: none; }
                    #mainMenu ul li.menu-level1:hover ul.level-2-cat li.menu-level2 a.menu-link-level2 { padding: 5px 10px; line-height: 25px; color: #d8d8d8; display: block; }
                        #mainMenu ul li.menu-level1:hover ul.level-2-cat li.menu-level2 a.menu-link-level2:hover { color: #FFFFFF; text-decoration: none; }
            #mainMenu ul li.menu-level1.menu-level1-style2 { float: right; margin-right: 5px; }
                #mainMenu ul li.menu-level1.menu-level1-style2 a.menu-link-level1 { padding: 0px 15px !important; background: #555555; color: #f5f5f5; }



/*kategori menüsü*/
.kategoriMenusu { margin-top: 5px; }
    .kategoriMenusu ul.ul-level-1 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
        .kategoriMenusu ul.ul-level-1 li.menu-level1 { -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }
            .kategoriMenusu ul.ul-level-1 li.menu-level1:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }
            .kategoriMenusu ul.ul-level-1 li.menu-level1:last-child { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-box-shadow: -1px 1px 1px 0px #444444; box-shadow: -1px 1px 1px 0px #444444; }

            /*level1 single hover*/
            .kategoriMenusu ul.ul-level-1 li.menu-level1:hover { -webkit-box-shadow: 0 0 3px 1px #AEAEAE; box-shadow: 0 0px 3px 1px #AEAEAE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
            /*level 2*/
            .kategoriMenusu ul.ul-level-1 li.menu-level1 ul { width: 780px; border: 5px solid #f6f6f6; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 0; -moz-border-radius: 10px; -moz-border-radius-topleft: 0; border-radius: 10px; border-top-left-radius: 0; -webkit-box-shadow: 0 0 3px 1px #aeaeae; box-shadow: 0 0 3px 1px #aeaeae; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
                .kategoriMenusu ul.ul-level-1 li.menu-level1 ul li.menu-level2 { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-webkit-radius: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

                    /*level 3*/
                    .kategoriMenusu ul.ul-level-1 li.menu-level1 ul li.menu-level2 ul { -webkit-border-radius: 0 !important; -moz-webkit-radius: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; }

/*slider type 3*/
.slider { /*width: 58%; height: 100%; float: left; position: relative;*/ max-height: 325px; overflow: hidden; margin-top: 5px; }
    .slider .thumb-box { position: relative; z-index: 9999; opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .slider:hover .thumb-box { opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .slider .thumb-box ul.thumbs { margin: 0; padding: 0; list-style: none; text-align: center; }
        .slider .thumb-box ul.thumbs li { display: inline-block; }
            .slider .thumb-box ul.thumbs li a { height: 42px; display: block; }
                .slider .thumb-box ul.thumbs li a img { margin-top: 0px; width: 92px; }
    .slider #slider { list-style: none; margin: 0; padding: 0; }
.sy-controls { display: block !important; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
    .sy-controls li { width: 32px !important; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
        .sy-controls li a:after { width: 16px !important; margin-left: -8px !important; }
        .sy-controls li.sy-next a:after { background: url("../../Images/JB/bxSlider/controls.png") no-repeat scroll -59px -32px rgba(0, 0, 0, 0) !important; }
        .sy-controls li.sy-prev a:after { background: url("../../Images/JB/bxSlider/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0) !important; }
        .sy-controls li a:link, .sy-controls li a:visited { opacity: 0.4; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
        .sy-controls li a:hover, .sy-controls li a:focus { opacity: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

/*footer*/
#goToUp { bottom: 100px !important; }

#footer-bottom { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
    #footer-bottom .fbBorder { margin: 4px 0 !important; }
    #footer-bottom .container { padding: 15px 0; }
        #footer-bottom .container ul { border-right: 1px solid #787878; height: 100%; padding: 0 15px; }
            #footer-bottom .container ul:last-child { border-right: none; }


/*slider*/
.sliderBanner { padding: 0; }

/*anasayfa kategoriler*/
.HomeCategories { margin: 0; padding: 0; list-style: none; }
    .HomeCategories li { margin: 0; padding: 0; list-style: none; }
        .HomeCategories li a { }
            .HomeCategories li a img { width: 100%; }

.productRightBannerSection .category-banner { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px 2px #e7e7e7; box-shadow: 0 0 3px 2px #e7e7e7; }
    .productRightBannerSection .category-banner img { max-width: 100%; }

.homeLeftBanners img { max-width: 100%; margin-bottom: 6px; }

@media (min-width: 1200px) {
    .products ul li.s3 { padding: 0 9px !important; }
        .products ul li.s3 .product-outer { height: 345px !important; }
            .products ul li.s3 .product-outer .product-inner { height: 330px !important; }
                .products ul li.s3 .product-outer .product-inner .product-image { height: 265px !important; }
                    .products ul li.s3 .product-outer .product-inner .product-image a.prdLink img { max-height: 260px !important; max-width: 225px !important; }

    .productsListSmall { margin-top: 0 !important; }
        .productsListSmall ul li.s4 { padding: 0 4px !important; margin-bottom: 5px !important; }
            .productsListSmall ul li.s4 .product-outer { height: 280px !important; }
                .productsListSmall ul li.s4 .product-outer .product-inner { height: 265px !important; }
                    .productsListSmall ul li.s4 .product-outer .product-inner .product-image { height: 200px !important; }
                        .productsListSmall ul li.s4 .product-outer .product-inner .product-image a.prdLink img { max-height: 195px !important; max-width: 160px !important; }

    .related-products-content ul { opacity: 1 !important; }
    .products.categoryProducts ul li.products-small .product-outer { height: 340px !important; }
        .products.categoryProducts ul li.products-small .product-outer .product-inner { height: 325px !important; }
            .products.categoryProducts ul li.products-small .product-outer .product-inner .product-image { height: 230px !important; }
                .products.categoryProducts ul li.products-small .product-outer .product-inner .product-image a.prdLink img { max-height: 260px !important; max-width: 225px !important; }
}

.product-contact a { color: #333333; }

/*pay processes*/
.pay-processes { height: 70px; display: block; background: url('../../Images/JB/pay-processes-line-bg.jpg') repeat-x 0 50%; margin: 30px 0 15px; text-align: center; }
    .pay-processes span { height: 70px; background: #ffffff; margin: 0 25px; padding: 0 10px; line-height: 70px; font-size: 18px; color: #cccccc; }
        .pay-processes span.active { color: #e51c8c; }


.prop_discountPercent { position: absolute; top: -1px; right: -1px; width: 40px; height: 40px; background: url('../../Images/JB/product-list-discount-small.png') no-repeat; line-height: 28px; text-align: center; color: #FFFFFF; font-size: 16px; }
    .prop_discountPercent span { font-size: 10px; }

.related-products-content ul li { text-align: center; padding: 6px; }
    .related-products-content ul li a img { float: none; margin: 0 auto; }
    .related-products-content ul li a p.product-name { float: left; width: 100%; }
    .related-products-content ul li a p.product-price { width: 100%; }
    .related-products-content ul li:last-child { border-bottom: 1px dotted #d7d7d7; }


.sepetFull:hover .sepetHover { display: block; }
.sepetHover { background: none repeat scroll 0 0 #eeeeee; border: 1px solid #cccccc; display: none; padding: 10px; position: absolute; right: 0; top: 80px; width: 400px; z-index: 500; }
    .sepetHover h3 { text-align: left; border-bottom: 1px solid #AEAEAE; padding-bottom: 5px; }
    .sepetHover #cartMinimalProducts { border-bottom: 1px solid #AEAEAE; max-height: 200px; overflow: auto; }
        .sepetHover #cartMinimalProducts tr { border-bottom: 1px solid #AEAEAE; }
            .sepetHover #cartMinimalProducts tr:last-child { border-bottom: none; }
    .sepetHover table.cartMinimalView { }
        .sepetHover table.cartMinimalView thead { border-bottom: 1px dashed #AEAEAE; }
        .sepetHover table.cartMinimalView td { padding: 5px; }
            .sepetHover table.cartMinimalView td.name { text-align: left; }
                .sepetHover table.cartMinimalView td.name img { max-width: 40px; max-height: 40px; margin-right: 5px; }
            .sepetHover table.cartMinimalView td.quantity { text-align: left; }
            .sepetHover table.cartMinimalView td.total { text-align: right; }
    .sepetHover .productInfo { }
        .sepetHover .productInfo tr td { padding: 0; }
            .sepetHover .productInfo tr td .nameSpan { max-height: 40px; line-height: 20px; overflow: hidden; display: inline-block; }


.menu-level1.menu-level1-style2 { background: none repeat scroll 0 0 #535353; }

.checkOut-address-section .bg-danger p { margin: 0; padding: 10px; }
.bg-danger.checkoutErrors p { padding: 10px 10px 5px; }
.bg-danger.checkoutErrors ul { padding: 0px 10px 10px 30px; }
    .bg-danger.checkoutErrors ul li { padding: 3px 0; }
        .bg-danger.checkoutErrors ul li span.checkOut-Error-Text { color: #ff0000; }

#b2bMenuLink { right: 50%; margin-right: -650px; position: absolute; top: 112px; }
.showcaseProducts { background: #f1f1f1; padding: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }



.checkOut-address-section .bg-danger p { margin: 0; padding: 10px; }
.bg-danger.checkoutErrors p { padding: 10px 10px 5px; }
.bg-danger.checkoutErrors ul { padding: 0px 10px 10px 30px; }
    .bg-danger.checkoutErrors ul li { padding: 3px 0; }
        .bg-danger.checkoutErrors ul li span.checkOut-Error-Text { color: #ff0000; }

.brands { margin-bottom: 15px; }
    .brands ul { list-style: none; margin: 0; padding: 0; }
        .brands ul li { border: none; padding: 5px; }
            .brands ul li .brand-outer { border: 1px solid #dfe1e4 !important; border-radius: 6px; height: 115px; line-height: 115px; text-align: center; padding: 0; }
                .brands ul li .brand-outer .brand-inner .brand-image { height: 122px; }
                    .brands ul li .brand-outer .brand-inner .brand-image a { height: 122px; display: inline-block; width: 100%; }
                        .brands ul li .brand-outer .brand-inner .brand-image a img { display: inline-block; vertical-align: middle; }
                    .brands ul li .brand-outer .brand-inner .brand-image .incele { display: none; }
                .brands ul li .brand-outer .brand-inner .brand-title { margin-top: 10px; font-weight: bold; }

h2.brand-category-title { overflow: auto; padding: 5px; font-size: 18px; }
.edit-genel { height: 32px; position: absolute; right: 25px; top: 20px; z-index: 2; }

.mobileSlider { margin: 0 0 0 0; padding: 0; list-style: none; }
    .mobileSlider .slider_image { max-width: 100%; }

.HomeLightboxOnReadyInner { overflow: hidden; }
.checkOut-login { padding: 10px; }
.productLi .manageProduct { left: auto !important; right: 0 !important; }
